Currently, there is no way to reset the <InfiniteScroll> component to the first page, for example, when your filters or search query change. When using Merge Props, you can pass a reset option. With this PR, the <InfiniteScroll> component will respect that option.

The example below, both the paginated users prop, and the state of the <InfiniteScroll> component that uses that prop will be reset.

const form = useForm({
  page: undefined,
  search: '',
})

const performSearch = () => {
  form.get('', {
    preserveState: true,
    replace: true,
    only: ['users'],
    reset: ['users'],
  })
}

Depends on: inertiajs/inertia-laravel#781